<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    
  </head>
  
  <body>
    <h1>Control Panel</h1>
    <table class="btn_txt">
        <tr>
            <td>
                <span id="btn_txt">Volume</span>
                <a onclick="displayPage('volume.html')">
                    <img src="css/images/btns/volume.png" alt="Volume"/>
                </a>
            </td>
            <td>
                <span id="btn_txt">Browse</span>
                <a onclick="displayPage('browse.html')">
                    <img src="css/images/btns/folder.png" alt="Volume"/>
                </a>
            </td>

            <td></td>

            <td>
                <span id="btn_txt">Play</span>
                <a onclick="taskPlay()">
                    <img src="css/images/btns/play_play.png" alt="Volume"/>
                </a>
            </td>
        </tr>

        <tr>
            <td>
                <span id="btn_txt">Rewind</span>
                <a onclick="taskSeekBack('2')">
                    <img src="css/images/btns/play_rewind.png" alt="Volume"/>
                </a>
            </td>

            <td>
                <span id="btn_txt">Forward</span>
                <a onclick="taskSeekForward('2')">
                    <img src="css/images/btns/play_foward.png" alt="Volume"/>
                </a>
            </td>

            <td></td>

            <td>
                <span id="btn_txt">Pause</span>
                <a onclick="taskPause()">
                    <img src="css/images/btns/play_pause.png" alt="Volume"/>
                </a>
            </td>

        </tr>

        <tr>
            <td>
                <span id="btn_txt">Previous</span>
                <a onclick="taskJumpPrev()">
                    <img src="css/images/btns/play_rewind.png" alt="Volume"/>
                </a>
            </td>

            <td>
                <span id="btn_txt">Next</span>
                <a onclick="taskJumpNext()">
                    <img src="css/images/btns/play_foward.png" alt="Volume"/>
                </a>
            </td>

            <td></td>

            <td>
                <span id="btn_txt">Stop</span>
                <a onclick="taskStop()">
                    <img src="css/images/btns/play_stop.png" alt="Volume"/>
                </a>
            </td>

        </tr>

    </table>
  </body>
</html>
